<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="../../generales/plantillas/plantillaMain.xhtml">

	<ui:define name="content">
		<h:form prependId="false">
<!-- 			<p:menubar> -->
<!-- 				<p:menuitem  value="#{msg['form.boton.nuevo']}"  onclick="dlg2.show();" -->
<!-- 					icon="ui-icon-disk"> -->
<!-- 				</p:menuitem> -->
<!-- 				<p:menuitem label="File" icon="ui-icon-document"> -->
<!-- 				</p:menuitem> -->
<!-- 				<p:menuitem label="File" icon="ui-icon-document"> -->
<!-- 				</p:menuitem> -->
<!-- 				<p:menuitem value="Quit" url="http://www.primefaces.org" -->
<!-- 					icon="ui-icon-close" /> -->
<!-- 			</p:menubar> -->
			
			<p:panel id="listaPanel" header="#{msg['form.zona.lista']}" style="margin-bottom:10px;">
				<p:dataTable var="zona" value="#{zonaBean.lazyDataModel}" paginator="true" rows="10" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
                 			 rowsPerPageTemplate="#{msg['app.rowsPerPage']}" selectionMode="single" selection="#{zonaBean.zonaSelected}" id="zonasTable"
                 			 emptyMessage="#{msg['list.inmuebles.empty']}" rowKey="#{zona.id}">
                 			 
			        <p:column headerText="#{msg['form.zona.codigo']}" sortBy="#{zona.id}" filterBy="#{zona.id}">  
			            <h:outputText value="#{zona.id}" />
			        </p:column>  
			  
			        <p:column headerText="#{msg['form.zona']}" sortBy="#{zona.nombre}" filterBy="#{zona.nombre}">  
			            <h:outputText value="#{zona.nombre}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['form.tipoZona']}" sortBy="#{zona.tipoZona.nombre}" filterBy="#{zona.tipoZona.nombre}">  
			            <h:outputText value="#{zona.tipoZona.nombre}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['form.estado']}" sortBy="#{zona.estadoZona.nombre}" filterBy="#{zona.estadoZona.nombre}">  
			            <h:outputText value="#{zona.estadoZona.nombre}" />
			        </p:column>
			    </p:dataTable>
			</p:panel>
			

<!-- 			<p:dialog header="#{msg['form.zona.formulario']}" widgetVar="dlg2" -->
<!-- 				modal="true" resizable="false"> -->
<!-- 				<h:form> -->
<!-- 					<h:panelGrid columns="2" cellpadding="5"> -->
<!-- 						<h:outputLabel for="tipoZona" value="#{msg['form.tipoZona']}: *" /> -->
<!-- 						<p:selectOneMenu id="tipoZona" -->
<!-- 							value="#{zonaBean.zona.tipoZona.codigo}"> -->
<!-- 							<f:selectItems value="#{zonaBean.tiposZona}" var="tipoZona" -->
<!-- 								itemValue="#{tipoZona.codigo}" itemLabel="#{tipoZona.nombre}" /> -->
<!-- 						</p:selectOneMenu> -->
<!-- 						<h:outputLabel for="nombre" value="#{msg['form.zona.nombre']}: *" /> -->
<!-- 						<p:inputText id="nombre" value="" required="true" -->
<!-- 							label="#{msg['form.zona.nombre']}"> -->
<!-- 							<f:validateLength minimum="8" /> -->
<!-- 						</p:inputText> -->
<!-- 						<h:outputLabel for="estadoZona" -->
<!-- 							value="#{msg['form.estadoZona']}: *" /> -->
<!-- 						<p:selectOneMenu id="estadoZona" value="#{zonaBean.estadosZona}"> -->
<!-- 							<f:selectItems value="#{zonaBean.estadosZona}" var="estadoZona" -->
<!-- 								itemValue="#{estadoZona.codigo}" -->
<!-- 								itemLabel="#{estadoZona.nombre}" /> -->
<!-- 						</p:selectOneMenu> -->
<!-- 					</h:panelGrid> -->
<!-- 				</h:form> -->
<!-- 			</p:dialog> -->
		</h:form>
	</ui:define>
</ui:composition>
